<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
	href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" />
<link rel="stylesheet" href="css/themes/zepter-theme.min.css" />
<link rel="stylesheet" href="css/refineslide.css" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script
	src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>
<script src="js/jquery.refineslide.min.js"></script>

<meta charset="UTF-8">
<title>TicketMonster</title>
<script>
    $(function () {
        $('.rs-slider').refineSlide({
        	transition: 'fade',
            maxWidth: 400,
            useArrows: true,
            keyNav: true            
            
        });
    });
</script>
</head>
<body>
	<div data-role="page" id="page-1" data-theme="a">
		<div data-role="header">
			<center>
				<img id="image-1" alt="" src="css/themes/images/zepterlogo.png"/ >
			</center>
		</div>
		<div data-role="content">
<!-- 			<div class="rs-arrows"><a href="#" class="rs-prev"></a><a href="#" class="rs-next"></a></div> -->
			<ul class="rs-slider rs-arrows">
				<li><a href="..." class="rs-next"><img
					src="http://www.zepter.com/mm/blocks/data_en/01_medical.jpg" /></a></li>
				<li><a href="..." class="rs-prev"><img
					src="http://www.zepter.com/mm/blocks/data_en/02_taion.jpg" /></a></li>
				<li><a href="..."><img
					src="http://www.zepter.com/mm/blocks/data_en/04_quadra01.jpg" /></a></li>
				<li><a href="..."><img
					src="http://www.zepter.com/mm/blocks/data_en/03_magicharmony.jpg" /></a></li>
			</ul>

			<!-- Slider Start -->
			


		</div>
		<div data-role="footer">
			<h4>Page Footer</h4>
		</div>
	</div>
</body>
</html>